<!doctype html>
<html>
  <head>
  	<meta name="gwt:property" content="locale=vi">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Exemplarey Catechist</title>
    
    <style type="text/css">
        body { overflow:hidden }
        #loading {
            border: 1px solid #ccc;
            position: absolute;
            left: 45%;
            top: 40%;
            padding: 2px;
            z-index: 20001;
            height: auto;
        }

        #loading a {
            color: #225588;
        }

        #loading .loadingIndicator {
            background: white;
            font: bold 13px tahoma, arial, helvetica;
            padding: 10px;
            margin: 0;
            height: auto;
            color: #444;
        }

        #loadingMsg {
            font: normal 10px arial, tahoma, sans-serif;
        }
    </style>
        <link type="text/css" rel="stylesheet" href="ExemplaryCatechist.css">
        <link type="text/css" rel="stylesheet" href="login.css">
    
  </head>
  <body>
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

<!--add loading indicator while the app is being loaded-->
	<div id="loadingWrapper">
		<div id="loading">
   			<div class="loadingIndicator">
        		<img src="images/layout/loading.gif" width="16" height="16" style="margin-right:8px;float:left;vertical-align:top;"/>Exemplary Catechist<br/>
        		<span id="loadingMsg">Loading styles and images...</span>
        	</div>
		</div>
	</div>
<!--include the application JS-->
	
<!--Login form-->
		<div id="loginWrapper" class="login" style="display: none;">
		<div class="wrappertop"></div>
			<div class="wrapper">
					<div class="content">
						<div class="header">
							<h1><a href=""><img src="images/layout/logo.png" alt="Logo"></a></h1>
						</div>
						<div class="darkbanner" class="banner320">
							<h2 id="loginTitle">Login</h2>
						</div>
						<div class="darkbannerwrap">
						</div>
						<form id="loginForm">
						<fieldset class="form">
							<div id="errorWrapper" class="error hide">
								<table height="20px;">
									<tbody>
									<tr>
										<td style="width: 32px; height: 32px; background: url('images/layout/stop32.png') no-repeat;">&nbsp;</td>
										<td id="errorMessage"></td>
									</tr>
									</tbody>
								</table>
						    </div>
                        	<p>
								<label for="username" id="usernameLabel">Username:</label>
								<input name="username" id="username" type="text" value="">
							</p>
							<p>
								<label for="password" id="passwordLabel">Password:</label>
								<input name="password" id="password" type="password">
							</p>
							<button type="submit" class="positive" name="Submit">
								<img src="images/layout/key.png" alt="Login"><span id="login"></span></button>
								<ul class="forgottenpassword">
								<li class="boldtext">|</li>
								<li id="about"></li>
							</ul>
                          </fieldset>
                        </form>
				</div>
			</div>   
		<div class="wrapperbottom_branding">
			<div class="wrapperbottom_branding_text">By <a href="http://www.freelancesuite.com/" style="text-decoration:none">Freelance Suite</a>. <a href="http://www.freelancesuite.com/" style="text-decoration:none">Project, Client &amp; Billing management</a>
			</div>
		</div>
	</div>
	<script type="text/javascript" language="javascript" src="exemplarycatechist/exemplarycatechist.nocache.js"></script>
	<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Starting up <br>Please wait...';</script>
  </body>
</html>
